<%@ include file="../common/top.jsp"%>

<link rel="stylesheet" href="css/signon-style.css">
<div id="Catalog">
    <%
        String registerMsg = (String)request.getAttribute("registerMsg");
        if(registerMsg != null){
            out.println("<font color='green'>" + registerMsg + "</font>");
        }
    %>

    <form action="signOn" method="post">
        <p>Please enter your username and password.</p>
        <c:if test="${requestScope.signOnMsg != null}">
            <p> <font color="red">${requestScope.signOnMsg}</font> </p>
        </c:if>
        <p>
            Username:<input type="text" name="username"> <br />
            Password:<input type="password" name="password" autocomplete="off"> <br />
            VerificationCode:<input type="text" name="vCode" size="5" maxlength="4" autocomplete="off"/>
            <img border="0" src="verificationCode" name="checkcode" id="verificationCodeImg" >
        </p>
        <input type="submit" value="Login">
    </form>
     Need a username and password?
     <a href="registerForm">Register Now!</a>
</div>
<script src="javaScript/verificationCode-scripts.js"></script>
<%@ include file="../common/bottom.jsp"%>